<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>高低不齐 底部对齐</h3>

    <div>
        <span>图文混排</span>
        <img src="../box-model.png" alt="">
    </div>

    <h3>
        空格折叠
    </h3>
    <p>哈哈哈                       喔喔，我的空格只会显示一个</p>
    <h3>元素无间隙</h3>

    <p>两个图片贴一起</p>
    <img src="../../zhifbaoer.png" alt="" width="120px"><img src="../../weixiner.jpg" width="120px" alt="">
    <p>两个图片有空隙</p>
    <img src="../../zhifbaoer.png" alt="" width="120px">
    <img src="../../weixiner.jpg" width="120px" alt="">

    <h3>脱离标准文档流</h3>
    <ul>
        <li><a href="浮动.html">浮动</a></li>
        <li><a href="定位.html">绝对定位</a></li>
        <li><a href="定位.html">固定定位</a></li>
    </ul>
</body>
</html>